<div class="navbar">
	<div class="navbar-inner bg-green">
    <div class="left sliding">
    	<a href="" class="back link">
    		<i class="icon icon-back color-white"></i>
    	</a>
    </div>
    <div class="center sliding color-white">预定</div>
  </div>
</div>

<div class="pages navbar-through">
  <div data-page="order" class="page bg-white" id="order">
    <div class="page-content" style="padding-bottom:0px;" data-id="{{goodsId}}">
    {{#each content}}
        <div class="contentinfo" style="display: none;" data-date="{{date}}" data-pricebasic="{{priceBasic}}" data-priceservice="{{priceService}}"></div>
    {{/each}}
        <div class="days" style="display: none;" data-days="{{days}}"></div>
        <div style="width: 100vw;height:20vh;text-align: center;">
        	<img src="{{guiderIcon}}" class="roundimg_80" style="margin-top:3vh;"/>
        	<div class="color-black" style="font-size: 12px;font-family: Microsoft Yahei;">{{guiderName}}</div>        
        </div>
        <div class="yahei bold size_15" style="width:100%;text-align:center;">{{name}}</div>
        
        <!--改为时间range-->
        <div class="card margin_15" style="margin-bottom:10px;">
        	<div class="card-footer" style="justify-content:flex-start;">
        		<img src="img/index/stick.png">
        		<span class="size_15 yahei bold color-black" style="margin-right: 20px;">开始时间</span>
    			<div class="item-input">
    				<input type="text" placeholder="start date" readonly="readonly" class="block_input start-time"/>
        		</div>
			</div>
			<div class="card-footer" style="justify-content:flex-start;">
				<img src="img/index/stick.png">
				<span class="size_15 yahei bold color-black" style="margin-right: 20px;">结束时间</span>
				<div class="item-input">
					<input type="text" placeholder="" readonly="readonly" class="block_input end-time"/>
            	</div>
			</div>
			<!--<div class="card-footer" style="justify-content:flex-start;">
				<img src="img/index/stick.png">
				<span class="size_15 yahei bold color-black" style="margin-right: 20px;">&nbsp;&nbsp;&nbsp;人数&nbsp;&nbsp;&nbsp;</span>
				<div class="item-input">
					<input type="text" placeholder="num" readonly="" class="block_input ks-picker-device"/>
				</div>
			</div>-->
			<!--<div class="card-footer" style="justify-content:flex-start;">
				<img src="img/index/stick.png">
				<span class="size_15 yahei bold color-black" style="margin-right: 20px;">&nbsp;&nbsp;&nbsp;人数&nbsp;&nbsp;&nbsp;</span>
				<div class="item-input">
					<i class="icon icon-ks-minus">-</i>
					1
					<i class="icon icon-ks-plus">+</i>
				</div>
			</div>-->
			<div class="card-footer" style="justify-content:flex-start;">
				<img src="img/index/stick.png">
				<span class="size_15 yahei bold color-black" style="margin-right: 20px;">&nbsp;&nbsp;&nbsp;人数&nbsp;&nbsp;&nbsp;</span>
				<div class="item-input">
					<div class="mui-numbox">
						<button class="mui-btn-numbox-minus" type="button">-</button>
						<input class="mui-input-numbox" type="number" value="1" readonly="readonly">
						<button class="mui-btn-numbox-plus" type="button">+</button>
					</div>
				</div>
			</div>
		</div>
				
				<div class="content-block-title color-black" style="margin-top:0px;">
					<img src="img/index/stick.png">
						<span class="yahei bold color-black" style="vertical-align: top;line-height: 25px;">&nbsp;&nbsp;&nbsp;信息&nbsp;&nbsp;&nbsp;</span>
				</div>
				
				<form id="demoform-1" class="store-data list-block">
					<ul>
						<li>
							<div class="item-content">
								<div class="item-inner">
									<div class="item-title label size_12">姓氏</div>
									<div class="item-input">
										<input type="text" placeholder="姓氏" name="xing" value="{{touristXing}}"/>
									</div>
								</div>
							</div>
						</li>						
						<li>
							<div class="item-content">
								<div class="item-inner">
									<div class="item-title label size_12">名字</div>
									<div class="item-input">
										<input type="text" placeholder="名字" name="ming" value="{{touristMing}}"/>
									</div>
              	</div>
            	</div>
          	</li>
          	<li>
            	<div class="item-content">
              	<div class="item-inner"> 
                	<div class="item-title label size_12">国家</div>
                	<div class="item-input">
                  	<input type="text" placeholder="国家" name="city" value="{{touristAreaCode}}"/>
                	</div>
              	</div>
            	</div>
          	</li>
          	<li>
            	<div class="item-content">
              	<div class="item-inner"> 
                	<div class="item-title label size_12">手机</div>
                	<div class="item-input">
                  	<input type="text" placeholder="手机" name="tel" value="{{touristTelNum}}"/>
                	</div>
              	</div>
            	</div>
          	</li>
        	</ul>
      </form>
      
      <div class="row no-gutter">
      	<div class="col-66 bg-black color-white" style="height: 9vh;">
      		<div style="margin:0 auto;width:66vw;padding-top:1vh;text-align: center;">
      			<div class="yahei bold" style="font-size: 20px;">总价：<span class="price"></span>€</div>
      			<div class="size_12" >结算时自动换算人民币</div>
      		</div>
      	</div>
				<div class="col-33 bg-red color-white yahei bold charge" style="height:9vh;text-align: center;line-height: 9vh;" data-id="{{goodsId}}" data-type="{{type}}" data-name="{{name}}" data-guiderIcon="{{guiderIcon}}" data-guiderName="{{guiderName}}">去结算</div>
			</div>
	
    </div>
  </div>
</div>